<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>position: absolute</title>
		<style type="text/css">
			
			
			div {
				border: solid;
				position: absolute;
			}
			
			.top-left{
				top:1em;
				left:1em;
			}
			
			.top-right{
				top:1em;
				right:1em;
			}
			
			
			.bottom-left{
				bottom:1em;
				left:1em;
			}
			
			.bottom-right{
				bottom:1em;
				right:1em;
			}
		</style>
	</head>
	<body>
		
		<!-- 
		绝对定位的参照物 是可以变化的，  如果绝对定位的的祖先中 有相对定位的元素， 那么 绝对定位的元素参照物，会 选择 最近的 相对定位的祖先  作为参照物的。
		 
		 -->
		
		<div class="top-left">左上 </div>
		<div class="top-right">右上</div>
		<div class="bottom-left">左下</div>
		<div class="bottom-right">右下</div>
	</body>
</html>
